<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="../js/jquery.min.js"></script>
		<script>
			$(function(){
				$("#btn").click(function(){
					const xhr = new XMLHttpRequest();
					xhr.open('GET','http://localhost:8081/springmvc/ajax');
					xhr.send(null);
					xhr.responseType = 'json';
					xhr.onreadystatechange=function(){
						if(xhr.readyState==4 && xhr.status==200){
							// alert(123);
							let text = xhr.response;
							//也可以xhr.responseType = 'json';,这样就默认是json解析，不用写上面这句，同时如果接受的不是json，就是null
							alert(text.haha)

						}
					}
				});

				//jquery封装ajax
				// let  btn = $("#btn");
				// let  content = $("#content");
				//
				// btn.click(()=>{
				// 	$.ajax({
				// 		url:"http://localhost:8081/springmvc/ajax",
				// 		method:"get",
				// 		data:null,//请求携带的数据
				// 		dataType:'json',
				// 		success:(result)=>{alert(result.haha)},
				// 		error:(result)=>{alert('出错了')}
				// 	})
				//
				// })

				
			});
		</script>
	</head>
	<body>
		
		<button id="btn">点我发送请求</button>
		<div id="content"></div>
	</body>
</html>
